<template>
  <a-layout>

        <mapsider @full="full"></mapsider>


        <a-layout-content>

            <router-view ref="allmap"></router-view>

        </a-layout-content>

    </a-layout>
</template>

<script>
  import RouteView from "@/components/layouts/RouteView"
  import { mixinDevice } from '@/utils/mixin.js'
  import mapsider from '@/views/supermap/siderLayout'
  import Vue from 'vue'

  

  export default {
    name: "MapShowLayout",
    components: { RouteView,mapsider },
    mixins: [mixinDevice],
    data () {
      return {
        Bus:new Vue()
      }
    },
    methods:{
      full(){
        this.$refs.allmap.screen()
      }
    },
    mounted () {
      document.body.classList.add("MapShowLayout")
    },
    beforeDestroy () {
      document.body.classList.remove('MapShowLayout')
    },
  }
</script>

<style scoped lang="less">

a-layout{
  height: 100%;
  width: 100%;
}

// /deep/ a-layout-sider{
//     position: absolute;
//     width: 60px;
//     height: 100%;
//     background: crimson !important;
// }

</style>